<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
    <link rel="stylesheet" href="./css/register-zc.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>
<body>
    <div class="wrap">
        <header>
            <div class="top-peag"></div>
            <div class="head-navigation">
                <div class="logo">
                    <img src="./img/logo.png" alt="">
                </div>
                <div class="list">
                    <ul class="clearfix">
                        <li><a href="./index.html">首页</a></li>
                        <li><a href="./register.html">登录页 </a></li>
                        <li><a href="./detail-page.html">详情页 </a></li>
                        <li><a href="./list-page.html">列表页 </a></li>
                        <li><a href="./register-zc.html">注册页 </a></li>
                        <li><a href="">关于鼎搜</a></li>
                    </ul>
                </div>
                <div class="search-box clearfix">
                    <input type="text" name="" id="">
                    <span class="iconfont icon-ai219"></span>
                </div>
            </div>
            <div class="banner">
                <img src="./img/beijingtu.png" alt="">
            </div>
        </header>

        <main>
            <div class="title-top">
                <p>我要转让</p>
                <span>WO YAO ZHUAN RANG</span>
            </div>

            <div class="top-text">
                (带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)
            </div>

            <div class="main-list">
                <table>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">用户名：</td>
                        <td><input type="text" style="width: 210px; margin-right: 20px;"></td>
                        <td style="font-size: 14px;"><span>*</span> (可以使用中文，但禁止除[@][.]以外的特殊符号)</td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">公司名称：</td>
                        <td><input type="text" style="width: 210px;"></td>
                        <td><span>*</span></td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">登陆密码：</td>
                        <td><input type="password" style="width: 210px;"></td>
                        <td><span>*</span></td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">确认密码：</td>
                        <td><input type="password" style="width: 210px;"></td>
                        <td style="color: red; font-size: 12px;"><span style="font-size: 14px;">*</span>×两次输入密码不一致</td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">电子邮箱：</td>
                        <td><input type="text" style="width: 210px;"></td>
                        <td style="color: #000;"><span style="color: red;">*</span> (每个电子邮邮箱只能注册一个帐号)</td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">安全问题： </td>
                        <td colspan="2">
                            <select name="" id="" style="color: #7e7e7e; font-size: 12px; width: 167px; margin-right: 20px;">
                                <option value="">阿巴阿爸阿爸阿爸</option>
                                <option value="">阿巴阿爸阿爸阿爸</option>
                                <option value="" selected>没安全提示问题</option>
                            </select>
                            <span style="color: #000; font-size: 14px;">(忘记密码时重设密码用)</span>
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">问题答案：</td>
                        <td colspan="2"><input type="text" style="width: 210px;"></td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">性别：</td>
                        <td colspan="2">
                            <label for="1" style=" margin-right: 10px;"><input type="radio" name="radio" id="1" style="vertical-align: middle;"><span style="color: #000;">男</span></label>
                            <label for="2" style=" margin-right: 10px;"><input type="radio" name="radio" id="2" style="vertical-align: middle;"><span style="color: #000;">女</span></label>
                            <label for="3"><input type="radio" name="radio" id="3" style="vertical-align: middle;"><span style="color: #000;">保密</span></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 14px; font-weight: bold;">验证码：</td>
                        <td colspan="2">
                            <input type="text">
                            <img src="./img/yanzheng (1).png" alt="" style="vertical-align: middle;">
                            <span style="color: #000; font-size: 12px;">看不清？ <a href="#" style="color: red; font-size: 12px;">点击更换</a></span>
                        </td>
                    </tr>

                </table>

                <div class="main-bottom">
                    <span>会员注册协议：</span>
                    <div class="text-box">
                        <p>1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。</p>
                        <p>2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。</p>
                        <p>3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。</p>
                    </div>
                </div>

                <div class="main-button">
                    <div class="check-box">
                        <label for="1"><input type="checkbox" id="1" style="margin-right: 20px;"><span> 我已阅读并完全接受服务协议</span></label>
                    </div>

                    <button><a href="#">注册</a></button>
                </div>
            </div>
        </main>

        <footer>
            <div class="bottom-list clearfix">
                <div class="list">
                    <ul>
                        <li><a href="">简介</a></li>
                        <li><a href="">鼎搜网简介</a></li>
                        <li><a href="">鼎搜服务</a></li>
                        <li><a href="">会员身份实名认证</a></li>
                    </ul> 
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">帮助</a></li>
                        <li><a href="">用户注册</a></li>
                        <li><a href="">关于鼎搜</a></li>
                        <li><a href="">在线咨询</a></li>
                    </ul> 
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">共赢</a></li>
                        <li><a href="">网站合作</a></li>
                        <li><a href="">用户协议</a></li>
                        <li><a href="">会员身份实名认证</a></li>
                    </ul> 
                </div>
                <div class="list">
                    <ul>
                        <li><a href="">导航</a></li>
                        <li><a href="">地图首页</a></li>
                        <li><a href="">职能分类</a></li>
                        <li><a href="">企业名录</a></li>
                    </ul> 
                </div>
            </div>
            
            <div class="serve-box clearfix">
                <div class="top">
                    <span class="iconfont icon-dainhau clearfix"></span>
                    <div class="text-left ">
                        <p>全国服务热线</p>
                        <p>440-880-1779</p>
                        <span>邮箱:kern417@163.com</span>
                    </div>
                    <div class="text-right">
                        <p>投诉电话：4408801779</p>
                        <p>周一至周六：9:20-20:00</p>
                        <div class="button-box">
                            <div class="box clearfix">
                                <span class="iconfont icon-weibo1"></span>
                                <div class="div">关注</div>
                            </div>
                            <div class="box clearfix">
                                <span class="iconfont icon-weibo"></span>
                                <div class="div">关注</div>
                            </div>
                        </div>
                    </div>
            
                </div>

                <div class="bottom">
                    <div class="erweima clearfix">
                        <img src="./img/erweima.jpg" alt="">
                    </div>
                    <div class="text clearfix">
                        <p>订阅信息</p>
                    </div>
                </div>
            </div>
        </footer>

        <div class="under">
            <p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
        </div>
    </div>
</body>
</html>